﻿<div [@routerTransition]>
    <div id="HostDashboard">
        <div class="m-subheader">
            <div class="row align-items-center">
                <div class="mr-auto col-auto">
                    <h3 class="m-subheader__title m-subheader__title--separator">
                        <span>导管制造</span>
                    </h3>
                    <span class="m-section__sub">
                        情况汇总
                    </span>
                </div>


            </div>
        </div>

        <div class="m-content">
            <div class="m-portlet">
                <div class="m-portlet__body  m-portlet__body--no-padding">
                    <div class="row m-row--no-padding m-row--col-separator-xl">
                        <div class="col-xl-4">
                            <!--begin:: Widgets/Stats2-1 -->
                            <div class="m-widget1">
                                <div class="m-widget1__item">
                                    <div class="row m-row--no-padding align-items-center">
                                        <div class="col">
                                            <h3 class="m-widget1__title">
                                                在线任务
                                            </h3>
                                            <span class="m-widget1__desc">
                                                当前正在进行的任务
                                            </span>
                                        </div>
                                        <div class="col m--align-right">
                                            <span class="m-widget1__number m--font-brand">
                                                {{numberOfSummary.inlineNum}}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-widget1__item">
                                    <div class="row m-row--no-padding align-items-center">
                                        <div class="col">
                                            <h3 class="m-widget1__title">
                                                问题任务
                                            </h3>
                                            <span class="m-widget1__desc">
                                                暂停的任务
                                            </span>
                                        </div>
                                        <div class="col m--align-right">
                                            <span class="m-widget1__number m--font-warning">
                                                {{numberOfSummary.inlineNumForRequest}}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-widget1__item">
                                    <div class="row m-row--no-padding align-items-center">
                                        <div class="col">
                                            <h3 class="m-widget1__title">
                                                近期报废
                                            </h3>
                                            <span class="m-widget1__desc">
                                                近一个月
                                            </span>
                                        </div>
                                        <div class="col m--align-right">
                                            <span class="m-widget1__number m--font-danger">
                                                {{numberOfSummary.inlineNumForScrap}}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-widget1__item">
                                    <div class="row m-row--no-padding align-items-center">
                                        <div class="col">
                                            <h3 class="m-widget1__title">
                                                近期交付
                                            </h3>
                                            <span class="m-widget1__desc">
                                                近一个月
                                            </span>
                                        </div>
                                        <div class="col m--align-right">
                                            <span class="m-widget1__number m--font-success">
                                                {{numberOfSummary.inlineNumForComplete}}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end:: Widgets/Stats2-1 -->
                        </div>


                        <div class="col-xl-4">
                            <!--begin:: Widgets/Profit Share-->
                            <div class="m-widget14">
                                <div class="m-widget14__header">
                                    <h3 class="m-widget14__title">
                                        型号任务
                                    </h3>
                                    <span class="m-widget14__desc">
                                        导管任务型号分布情况
                                    </span>
                                </div>
                                <div class="row  align-items-center">
                                    <div class="col">
                                        <div id="m_chart_profit_share" class="m-widget14__chart" style="height: 160px">
                                            <p-chart type="doughnut" [data]="data" [options]="dataOption"></p-chart>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="m-widget14__legends">
                                            <div *ngFor="let model of numberOfModel" class="m-widget14__legend"
                                                (click)="openProcess(model.key,'','')">
                                                <span class="m-widget14__legend-bullet m--bg-accent"></span>
                                                <span class="m-widget14__legend-text">
                                                    {{model.key}} — {{model.value}}
                                                </span>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end:: Widgets/Profit Share-->
                        </div>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4">
                    <!--begin:: Packages-->
                    <div class="m-portlet m--bg-warning m-portlet--bordered-semi m-portlet--full-height ">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text m--font-light">
                                        工位情况
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <ul class="m-portlet__nav">
                                    <li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push"
                                        m-dropdown-toggle="hover" aria-expanded="true">
                                        <a href="#"
                                            class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill m-btn btn-outline-light m-btn--hover-light">
                                            详细
                                        </a>
                                        <div class="m-dropdown__wrapper" style="z-index: 101;">
                                            <span
                                                class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"
                                                style="left: auto; right: 43.5px;"></span>
                                            <div class="m-dropdown__inner">
                                                <div class="m-dropdown__body">
                                                    <div class="m-dropdown__content">
                                                        <ul class="m-nav">
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link"
                                                                    routerLink="/app/duct/process">
                                                                    <i class="m-nav__link-icon flaticon-share"></i>
                                                                    <span class="m-nav__link-text">
                                                                        所有加工情况
                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <!--begin::Widget 29-->
                            <div class="m-widget29">
                                <div *ngFor="let process of numberOfProcess" class="m-widget_content"
                                    (click)="openProcess('',process.processName,'')">
                                    <h3 class="m-widget_content-title">
                                        {{process.processName}}
                                    </h3>
                                    <div class="m-widget_content-items">
                                        <div class="m-widget_content-item">
                                            <span>
                                                全部件数
                                            </span>
                                            <span class="m--font-accent">
                                                {{process.numberForAll}}
                                            </span>
                                        </div>
                                        <div class="m-widget_content-item">
                                            <span>
                                                暂停
                                            </span>
                                            <span class="m--font-brand">
                                                {{process.numberForPause}}
                                            </span>
                                        </div>
                                        <div class="m-widget_content-item">
                                            <span>
                                                超期
                                            </span>
                                            <span>
                                                {{process.numberForExceedTime}}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Widget 29-->
                        </div>
                    </div>
                    <!--end:: Packages-->
                </div>
                <div class="col-xl-6 col-lg-12">
                    <!--Begin::Portlet-->
                    <div class="m-portlet m-portlet--full-height ">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        近期问题
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <ul class="m-portlet__nav">
                                    <li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push"
                                        m-dropdown-toggle="hover" aria-expanded="true">
                                        <a href="#"
                                            class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl m-dropdown__toggle">
                                            <i class="la la-ellipsis-h m--font-brand"></i>
                                        </a>
                                        <div class="m-dropdown__wrapper" style="z-index: 101;">
                                            <span
                                                class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"
                                                style="left: auto; right: 21.5px;"></span>
                                            <div class="m-dropdown__inner">
                                                <div class="m-dropdown__body">
                                                    <div class="m-dropdown__content">
                                                        <ul class="m-nav">
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link"
                                                                    routerLink="/app/duct/request">
                                                                    <i class="m-nav__link-icon flaticon-share"></i>
                                                                    <span class="m-nav__link-text">
                                                                        问题管理
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link">
                                                                    <i class="m-nav__link-icon flaticon-share"></i>
                                                                    <span class="m-nav__link-text">
                                                                        刷新
                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <div class="m-widget3">
                                <div *ngFor="let requestion of requestions" class="m-widget3__item">
                                    <div class="m-widget3__header">
                                        <div class="m-widget3__user-img">
                                            <img class="m-widget3__img" src="" alt="">
                                        </div>
                                        <div class="m-widget3__info">
                                            <span class="m-widget3__username">
                                                {{requestion.drawingCode}}
                                            </span>
                                            <br>
                                            <span class="m-widget3__time">
                                                {{requestion.creationTime | date:'MM-dd HH:mm'}}
                                            </span>
                                        </div>
                                        <span class="m-widget3__status m--font-success" *ngIf="requestion.responder">
                                            {{requestion.responder}}
                                        </span>
                                    </div>
                                    <div class="m-widget3__body">
                                        <p class="m-widget3__text">
                                            {{requestion.requestInfo}}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End::Portlet-->
                </div>
                <div class="col-xl-4">
                    <!--begin:: Widgets/Top Products-->
                    <div class="m-portlet m-portlet--bordered-semi m-portlet--full-height ">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        近期交付
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <ul class="m-portlet__nav">
                                    <li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push"
                                        m-dropdown-toggle="hover" aria-expanded="true">
                                        <a href="#"
                                            class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">
                                            all
                                        </a>
                                        <div class="m-dropdown__wrapper">
                                            <span
                                                class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"
                                                style="left: auto; right: 36.5px;"></span>
                                            <div class="m-dropdown__inner">
                                                <div class="m-dropdown__body">
                                                    <div class="m-dropdown__content">
                                                        <ul class="m-nav">
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link">
                                                                    <i class="m-nav__link-icon flaticon-share"></i>
                                                                    <span class="m-nav__link-text">
                                                                        Activity
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link">
                                                                    <i class="m-nav__link-icon flaticon-chat-1"></i>
                                                                    <span class="m-nav__link-text">
                                                                        Messages
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link">
                                                                    <i class="m-nav__link-icon flaticon-info"></i>
                                                                    <span class="m-nav__link-text">
                                                                        FAQ
                                                                    </span>
                                                                </a>
                                                            </li>
                                                            <li class="m-nav__item">
                                                                <a href="" class="m-nav__link">
                                                                    <i class="m-nav__link-icon flaticon-lifebuoy"></i>
                                                                    <span class="m-nav__link-text">
                                                                        Support
                                                                    </span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <!--begin::Widget5-->
                            <div class="m-widget4">
                                <div class="m-widget4__chart m-portlet-fit--sides m--margin-top-10 m--margin-top-20"
                                    style="height:260px;">
                                    <div class="chartjs-size-monitor"
                                        style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
                                        <div class="chartjs-size-monitor-expand"
                                            style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                                            <div
                                                style="position:absolute;width:1000000px;height:1000000px;left:0;top:0">
                                            </div>
                                        </div>
                                        <div class="chartjs-size-monitor-shrink"
                                            style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                                            <div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
                                        </div>
                                    </div>
                                    <canvas id="m_chart_trends_stats" width="1005" height="780"
                                        class="chartjs-render-monitor"
                                        style="display: block; height: 260px; width: 335px;"></canvas>
                                </div>
                                <div class="m-widget4__item" *ngFor="let delivery of recentlyDeliverys">
                                    <div class="m-widget4__img m-widget4__img--logo">
                                        <img src="assets/app/media/img/client-logos/logo3.png" alt="">
                                    </div>
                                    <div class="m-widget4__info">
                                        <span class="m-widget4__title">
                                            {{delivery.model}}
                                        </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                            {{delivery.drawingCode}}
                                        </span>
                                    </div>
                                    <span class="m-widget4__ext">
                                        <span class="m-widget4__number m--font-danger"
                                            *ngIf="delivery.deliveryTime<delivery.completeTime">
                                            {{((delivery.completeTime - delivery.deliveryTime) / (60 * 60 *1000)).toFixed(1)}}小时
                                        </span>
                                        <span class="m-widget4__number m--font-success"
                                            *ngIf="delivery.deliveryTime>delivery.completeTime">
                                            {{((delivery.deliveryTime - record.completeTime) / (60 * 60 *1000)).toFixed(1)}}小时
                                        </span>
                                    </span>
                                </div>

                            </div>
                            <!--end::Widget 5-->
                        </div>
                    </div>
                    <!--end:: Widgets/Top Products-->
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="m-portlet m-portlet--full-height income-statistics"
                        style="max-height: 383px; height: 383px;">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        <i class="la la-line-chart m--font-info"></i>
                                        <span
                                            class="caption-subject font-blue bold uppercase">{{"IncomeStatistics" | localize}}</span>
                                        <small class="d-none d-sm-inline-block">
                                            <span class="caption-helper">
                                                {{selectedDateRange[0] | momentFormat: 'L'}} -
                                                {{selectedDateRange[1] | momentFormat: 'L'}}
                                            </span>
                                        </small>
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <div class="btn-group btn-group-devided" data-toggle="buttons">
                                    <label class="btn m-btn--pill btn-secondary"
                                        [ngClass]="{'active': selectedIncomeStatisticsDateInterval ==  appIncomeStatisticsDateInterval.Daily}"
                                        (click)="incomeStatisticsDateIntervalChange(appIncomeStatisticsDateInterval.Daily)">
                                        <input type="radio" name="IncomeStatisticsDatePeriod" class="toggle"
                                            [value]="appIncomeStatisticsDateInterval.Daily">
                                        {{"Daily" | localize}}
                                    </label>
                                    <label class="btn m-btn--pill btn-secondary"
                                        [ngClass]="{'active': selectedIncomeStatisticsDateInterval ==  appIncomeStatisticsDateInterval.Weekly}"
                                        (click)="incomeStatisticsDateIntervalChange(appIncomeStatisticsDateInterval.Weekly)">
                                        <input type="radio" name="IncomeStatisticsDatePeriod" class="toggle"
                                            [value]="appIncomeStatisticsDateInterval.Weekly">
                                        {{"Weekly" | localize}}
                                    </label>
                                    <label class="btn m-btn--pill btn-secondary"
                                        [ngClass]="{'active': selectedIncomeStatisticsDateInterval ==  appIncomeStatisticsDateInterval.Monthly}"
                                        (click)="incomeStatisticsDateIntervalChange(appIncomeStatisticsDateInterval.Monthly)">
                                        <input type="radio" name="IncomeStatisticsDatePeriod" class="toggle"
                                            [value]="appIncomeStatisticsDateInterval.Monthly">
                                        {{"Monthly" | localize}}
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <ngx-charts-area-chart *ngIf="incomeStatisticsHasData" [busyIf]="loadingIncomeStatistics"
                                [results]="incomeStatisticsData" [showXAxisLabel]="true" showYAxisLabel="true"
                                [xAxis]="true" [yAxis]="true" [showGridLines]="true">
                                <ng-template #tooltipTemplate let-model="model">
                                    <span>{{model.name}}</span>
                                    <br />
                                    <span>{{'IncomeWithAmount' | localize:model.value + ' ' + currency}}</span>
                                </ng-template>
                            </ngx-charts-area-chart>
                            <div class="note note-info text-center chart" [hidden]="incomeStatisticsHasData">
                                <small class="text-muted">{{"NoData" | localize}}</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="m-portlet m-portlet--full-height edition-statistics"
                        style="max-height: 383px; height: 383px;">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        <i class="la la-pie-chart m--font-success"></i>
                                        <span
                                            class="caption-subject font-green-seagreen">{{"EditionStatistics" | localize}}</span>
                                        <small>
                                            <span class="caption-helper">
                                                {{selectedDateRange[0] | momentFormat: 'L'}} -
                                                {{selectedDateRange[1] | momentFormat: 'L'}}
                                            </span>
                                        </small>
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <ngx-charts-pie-chart *ngIf="editionStatisticsHasData" [results]="editionStatisticsData"
                                [legend]="true" [doughnut]="true" [arcWidth]="0.75">
                            </ngx-charts-pie-chart>
                            <div class="note note-info text-center text-muted " [hidden]="editionStatisticsHasData">
                                <small class="text-muted">{{"NoData" | localize}}</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6 col-xs-12 col-sm-12">
                    <div class="m-portlet m-portlet--full-height expiring-tenants">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        <i class="icon-graduation font-red-pink"></i>
                                        <span
                                            class="caption-subject font-red-pink bold uppercase">{{"SubscriptionExpiringTenants" | localize}}</span><br />
                                        <small>
                                            <span class="caption-helper" *ngIf="hostDashboardData">
                                                {{"ExpiringTenantsHelpText" | localize:hostDashboardData.subscriptionEndAlertDayCount : hostDashboardData.maxExpiringTenantsShownCount}}
                                            </span>
                                        </small>
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <div class="scroller chart m-scrollable" data-always-visible="1" data-rail-visible="0"
                                data-scrollable="true">
                                <div class="primeng-datatable-container expiring-tenants-table"
                                    [busyIf]="primengTableHelper.isLoading">
                                    <p-table #ExpiringTenantsTable [value]="expiringTenantsData"
                                        rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false"
                                        [lazy]="false" [responsive]="primengTableHelper.isResponsive">
                                        <ng-template pTemplate="header">
                                            <tr>
                                                <th>{{'TenantName' | localize}}</th>
                                                <th>{{'RemainingDay' | localize}}</th>
                                            </tr>
                                        </ng-template>
                                        <ng-template pTemplate="body" let-record="$implicit">
                                            <tr>
                                                <td>
                                                    <span class="ui-column-title">{{'TenantName' | localize}}</span>
                                                    {{record.tenantName}}
                                                </td>
                                                <td>
                                                    <span class="ui-column-title">{{'RemainingDay' | localize}}</span>
                                                    {{record.remainingDayCount}}
                                                </td>
                                            </tr>
                                        </ng-template>
                                    </p-table>
                                    <div class="primeng-no-data" *ngIf="expiringTenantsData.length == 0">
                                        {{'NoData' | localize}}
                                    </div>
                                </div>
                            </div>
                            <div class="scroller-footer">
                                <div class="btn-arrow-link pull-right">
                                    <a href="javascript:;" class="see-all-expiring-tenants"
                                        (click)="gotoAllExpiringTenants()">{{"SeeAllRecords" | localize}}</a>
                                    <i class="icon-arrow-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-xs-12 col-sm-12">
                    <div class="m-portlet m-portlet--full-height recent-tenants">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        <i class="icon-user-follow font-purple-soft"></i>
                                        <span
                                            class="caption-subject font-purple-soft">{{"RecentTenants" | localize}}</span><br />
                                        <small>
                                            <span class="caption-helper" *ngIf="hostDashboardData">
                                                {{"RecentTenantsHelpText" | localize:hostDashboardData.recentTenantsDayCount : hostDashboardData.maxRecentTenantsShownCount}}
                                            </span>
                                        </small>
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <div class="scroller chart m-scrollable" data-always-visible="1" data-rail-visible="0"
                                data-scrollable="true">
                                <div class="primeng-datatable-container recent-tenants-table"
                                    [busyIf]="primengTableHelper.isLoading">
                                    <p-table #RecentTenantsTable [value]="recentTenantsData"
                                        rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false"
                                        [lazy]="false" [responsive]="primengTableHelper.isResponsive">
                                        <ng-template pTemplate="header">
                                            <tr>
                                                <th>{{'TenantName' | localize}}</th>
                                                <th>{{'CreationTime' | localize}}</th>
                                            </tr>
                                        </ng-template>
                                        <ng-template pTemplate="body" let-record="$implicit">
                                            <tr>
                                                <td>
                                                    <span class="ui-column-title">{{'TenantName' | localize}}</span>
                                                    {{record.name}}
                                                </td>
                                                <td>
                                                    <span class="ui-column-title">{{'CreationTime' | localize}}</span>
                                                    {{ record.creationTime | momentFormat:'L LT'}}
                                                </td>
                                            </tr>
                                        </ng-template>
                                    </p-table>
                                    <div class="primeng-no-data" *ngIf="recentTenantsData.length == 0">
                                        {{'NoData' | localize}}
                                    </div>
                                </div>
                            </div>
                            <div class="scroller-footer">
                                <div class="btn-arrow-link pull-right">
                                    <a href="javascript:;" class="see-all-recent-tenants"
                                        (click)="gotoAllRecentTenants()">{{"SeeAllRecords" | localize}}</a>
                                    <i class="icon-arrow-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>